@import "default";

.goodsDetail-main {
  .header {
    position: relative;
    @include border-bottom;
    text-align: center;
    height: toRem(70px);
    line-height: toRem(70px);
    .top-back {
      position: absolute;
      left: 0;
      top: 0;
      width: toRem(28px);
      margin: $s-space-lg;
    }
  }
  .goodsDetail-content {
    .top-pic {
      width: 100%;
      img {
        width: 100%;
      }
    }
    .goods-info {
      padding: $s-space-lg 0;
      .goods-title, .goods-price {
        width: 80%;
        margin: 0 auto;
        font-size: $s-font-h3;
        line-height: 1.75;
      }
      .goods-price {
        color: $s-danger;
      }
      .other-info {
        @include border-top($s-gray-light);
        @include box;
        padding: $s-space-lg 10% 0;
        font-size: $s-font-h5;
        img {
          height: toRem(30px);
        }
        .goods-address {
          @include boxflex(1);
        }
        .goods-tel {
          width: toRem(240px);
          *{
            vertical-align: middle;
          }
        }
      }
    }
    .gray-line {
      height: $s-space-lg;
      background: #f8f8f8;
    }
    .goods-desc {
      h2 {
        font-size: $s-font-h3;
        padding: $s-space-lg;
        width: 80%;
        margin: 0 auto;
      }
      .desc {
        @include border-top($s-gray-light);
        padding: $s-space-lg;
        p {
          width: 80%;
          margin: 0 auto;
          line-height: 1.75;
        }
      }
    }
  }

}





















